<template>
  <div class="csr-container">
    <h4>What is Corporate Social Responsibility?</h4>
    <p>Corporate social responsibility (CSR) is a self-regulating business model that helps companies assume greater social responsibility towards themselves, their stakeholders, and the public. It implies a company's commitment to improving society and the environment by reducing activities that could negatively impact the environment and its stakeholders. This multi-dimensional approach impacts a company's operations, management, and development.</p>

    <div class="highlight-box">
      <p>The European Commission defines Corporate Social Responsibility (CSR) as "the voluntary integration of social and environmental issues by companies into their business operations and in their relations with their interlocutors".</p>
    </div>

    <p>All companies, regardless of industry, sector, company nature, or size, can try a CSR strategy. According to <a href="https://www.iso.org/obp/ui#iso:std:iso:26000:ed-1:v1:en" class="external-link">the ISO 26000</a> standard, CSR focuses on seven major areas: corporate governance, human rights, labor relations and working conditions, environment, fair practices, consumer issues, and community and local development.</p>

    <div class="image-container">
      <img src="/images/plan/images/Aspose.Words.4d2454c6-23b5-4e2e-a4eb-2e47d37752f4.001.png" alt="CSR七大领域图" />
    </div>

    <p>By implementing a corporate social responsibility policy, companies can voluntarily integrate social, environmental, and economic initiatives into their production and business operations, as well as their relationships with stakeholders (employees, customers, shareholders, suppliers, etc.). While improving their business performance, they strive to have a positive impact on society and the environment, thereby contributing to the United Nations Sustainable Development Goals (SDGs).</p>

    <h4>Why implement a corporate social responsibility strategy?</h4>
    <p>From a macro perspective, the formulation of corporate social responsibility policies is the best and most likely way for micro-enterprises to influence society to help achieve the 17 Sustainable Development Goals set out in the United Nations 2030 Agenda, which cover many areas such as people, planet, prosperity, peace and partnership.</p>

    <div class="image-container">
      <img src="/images/plan/images/Aspose.Words.4d2454c6-23b5-4e2e-a4eb-2e47d37752f4.002.png" alt="联合国可持续发展目标" />
    </div>

    <p>Of course, the implementation of CSR policies can also bring many practical business benefits to corporate development, including easier access to financing, as investors tend to favor reputable companies, easier establishment of positive relationships with local authorities to reduce regulatory burdens, and discovery of new business opportunities. Specifically:</p>

    <ul class="csr-list">
      <li>Enhance the competitiveness of enterprises</li>
      <li>Improve employee productivity</li>
      <li>Conducive to talent attraction and stability</li>
      <li>Increase stakeholder loyalty</li>
      <li>Reduce production and operating costs</li>
      <li>Improve company reputation and image and increase brand value</li>
      <li>Contribute to poverty reduction and development</li>
    </ul>

    <h4>How to implement corporate social responsibility strategy?</h4>
    <p>As global issues like climate change become increasingly severe, it's inevitable for companies to implement CSR policies, a trend that's already relatively common in developed countries like the United States and the United Kingdom. Of course, before deciding to implement CSR, there are several factors to consider:</p>

    <ul class="csr-list">
      <li>Identify all stakeholder relationships relevant to ethical and sustainable business success</li>
      <li>Identify areas of CSR that are relevant to the organization, including environmental impact, wage and remuneration policies, labour conditions, relationships with subcontractors and the supply chain, and impacts on the environment and the wider community</li>
      <li>Understand how the introduced CSR strategy aligns with business strategy and HR policies and practices</li>
      <li>Ensure that CSR is appropriately reflected in employee onboarding and development so that it becomes part of the corporate culture</li>
      <li>Effectively measure and evaluate corporate social responsibility performance so that results can be clearly seen and feedback and improvements can be obtained</li>
      <li>Strengthen publicity, enhance CSR effectiveness and corporate sustainable development</li>
    </ul>

    <h4>Corporate Social Responsibility and Sustainable Development</h4>
    <p>Corporate social responsibility enables companies to identify, measure and evaluate the environmental, social and economic impacts of their activities, allowing them to take more effective action. By better managing risks and savings, corporate social responsibility often ensures better overall performance for companies. This is because a company's actions and activities are likely to have a negative impact on the environment, society and the economy, for example:</p>

    <ul class="csr-list">
      <li>Destruction of biodiversity (deforestation, soil degradation)</li>
      <li>High-carbon emission production and operations exacerbate global warming</li>
      <li>Environmental pollution affects human health</li>
      <li>Recruiting and employing child labor</li>
      <li>Fraud and corruption, etc.</li>
    </ul>

    <div class="highlight-box">
      <p><strong>Carroll's Pyramid:</strong> The framework used by most companies today for their CSR policies is called Carroll's Pyramid of Corporate Social Responsibility. Developed by Archie Carroll, the pyramid highlights the four most important types of responsibilities a business organization has: economic, legal, moral, and philanthropic.</p>
    </div>

    <p>Based on this, companies should actively promote the implementation of corporate social responsibility strategies to help them achieve sustainable development transformation. Specifically, efforts can be made from three dimensions: environmental, social, and economic:</p>

    <div class="dimension-section">
      <h4>1. Environment and energy</h4>
      <div class="content-with-image">
        <div class="text-content">
          <ul class="csr-list">
            <li>Increase research and development of recycling technologies to enhance reuse efficiency</li>
            <li>Applying responsible sourcing policies</li>
            <li>Improve your company's energy performance</li>
            <li>Intelligent energy management</li>
            <li>Regular carbon accounting and efficiency assessments</li>
          </ul>
        </div>
        <div class="image-side">
          <img src="/images/plan/images/Aspose.Words.4d2454c6-23b5-4e2e-a4eb-2e47d37752f4.003.png" alt="环境与能源" />
        </div>
      </div>
    </div>

    <div class="dimension-section">
      <h4>2. Social impact</h4>
      <div class="content-with-image">
        <div class="text-content">
          <ul class="csr-list">
            <li>Improve employee benefits</li>
            <li>Establish an equal and open dialogue mechanism with employees</li>
            <li>Encourage professional integration</li>
            <li>Promoting workforce diversity</li>
            <li>Strengthen local employment and employment</li>
          </ul>
        </div>
        <div class="image-side">
          <img src="/images/plan/images/Aspose.Words.4d2454c6-23b5-4e2e-a4eb-2e47d37752f4.004.png" alt="社会影响" />
        </div>
      </div>
    </div>

    <div class="dimension-section">
      <h4>3. Economic impact</h4>
      <div class="content-with-image">
        <div class="text-content">
          <ul class="csr-list">
            <li>Apply ethical business practices</li>
            <li>Formulate medium- and long-term business development plans</li>
            <li>Maintaining a healthy and balanced relationship with suppliers</li>
            <li>Increase enterprises' intangible capital investment</li>
            <li>Establishing a borderless CSR cooperation network</li>
          </ul>
        </div>
        <div class="image-side">
          <img src="/images/plan/images/Aspose.Words.4d2454c6-23b5-4e2e-a4eb-2e47d37752f4.006.png" alt="经济影响" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CSR'
}
</script>

<style scoped>
.csr-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: '微软雅黑', 'Microsoft YaHei', sans-serif;
  line-height: 1.6;
  color: #333;
}

h4 {
  font-size: 18px;
  font-weight: bold;
  color: #0f4761;
  margin: 24px 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #0f4761;
}

p {
  font-size: 14px;
  margin-bottom: 16px;
  text-align: start;
}

.highlight-box {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  border-left: 4px solid #0f4761;
}

.highlight-box p {
  margin-bottom: 0;
}

.csr-list {
  margin: 16px 0;
  padding-left: 20px;
}

.csr-list li {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.6;
}

.image-container {
  text-align: center;
  margin: 30px 0;
}

.image-container img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.external-link {
  color: #0f4761;
  text-decoration: underline;
}

.external-link:hover {
  color: #2a649c;
}

.dimension-section {
  margin: 40px 0;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 10px;
}

.dimension-section h4 {
  margin-top: 0;
  color: #0f4761;
  border-bottom: 2px solid #0f4761;
  padding-bottom: 8px;
}

.content-with-image {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-top: 20px;
}

.text-content {
  flex: 1;
}

.image-side {
  flex-shrink: 0;
  width: 300px;
}

.image-side img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .csr-container {
    padding: 15px;
  }
  
  h4 {
    font-size: 16px;
  }
  
  p, .csr-list li {
    font-size: 13px;
  }
  
  .content-with-image {
    flex-direction: column;
    gap: 20px;
  }
  
  .image-side {
    width: 100%;
  }
  
  .dimension-section {
    padding: 15px;
  }
}
</style>
